.page {
	position: relative;
	width: 100%;
	text-align: center;
}

.chessboard {
	width: 70vmin;
	height: 70vmin;
	min-width: 300px;
	min-height: 300px;
	max-width: 450px;
	max-height: 450px;
	outline: 1px solid grey;
	empty-cells: show;
	display: inline-table;
}

.chessboard .chessboard-row {
	width: 100%;
}

.chessboard .chessboard-cell {
	text-align: center;
}

.chessboard .odd {
	background-color: #bfbfbf;
}

.chessboard .not-allowed-odd {
	background-color: #d57c7c;
}

.chessboard .not-allowed-even {
	background-color: #ffbfbf;
}

.button-panel {
	margin-top: 3px;
}

.button-panel #highlight {
	margin-left: 8px;
}

.button-panel label[for=highlight] {
	font-weight: normal;
	margin-left: 3px;
}